<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>何人堂网站首页</title>
	<%@include file="./HRTWEB/publicJSCSS.jsp"%>
	<!--中间顶部部分--图片滚动js-->
	<script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/rollingTime.js"></script>
	<!--中间顶部部分--图片滚动样式-->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/HRTWEB/css/rolling.css" />
	<!--中间中部部分--图片滚动样式-->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/HRTWEB/css/index_middle.css" />
	<%-- <script type="text/javascript" src="<%=request.getContextPath()%>/HRTWEB/js/jquery-1.4.3.js"></script>
	<script type="text/javascript">
		$(function(){
			$.ajax({
				   type:"POST",
				   url:"./HRTWEB/json1.do",
				   data: "uname=123",
				   success: function(msg){
					   $.each(msg.hrtUser, function(i, n){
						   alert( i + ": " + n );
					});
				}
			});
		})
	</script> --%>
</head>
<body style="width: 99%;">
	<!--鼠标滑过弹出jquery在线客服-->
	<!--固定广告-->
	<%-- <%@include file="HRTWEB/kefu.jsp"%> --%>
	<%@include file="./HRTWEB/fixedAds.jsp"%>
	
	<!--首页开始-->
	<div>
		<%@include file="./HRTWEB/head.jsp"%>
		<!----------------------********头部结束********---------------------------->
		<br/>
		<!---***中部***-->
		<div class="wrapper">
			<div id="focus">
				<ul>
					<li style="margin-left: -40px; padding: 0;"><a
						href="http://www.17sucai.com/" target="_blank"><img
							src="<%=request.getContextPath() %>/HRTWEB/images/01.jpg" alt="QQ商城焦点图效果下载" /></a></li>
					<li><a href="http://www.17sucai.com/" target="_blank"><img
							src="<%=request.getContextPath() %>/HRTWEB/images/02.jpg" alt="QQ商城焦点图效果教程" /></a></li>
					<li><a href="http://www.17sucai.com/" target="_blank"><img
							src="<%=request.getContextPath() %>/HRTWEB/images/03.jpg" alt="jquery商城焦点图效果" /></a></li>
					<li><a href="http://www.17sucai.com/" target="_blank"><img
							src="<%=request.getContextPath() %>/HRTWEB/images/04.jpg" alt="jquery商城焦点图代码" /></a></li>
					<li><a href="http://www.17sucai.com/" target="_blank"><img
							src="<%=request.getContextPath() %>/HRTWEB/images/05.jpg" alt="jquery商城焦点图源码" /></a></li>
				</ul>
			</div>
			<!--focus end-->
		</div>
		<!-- wrapper end -->
		<!----------------------********中上部结束********--------------------------->
		<!--**中中部**-->
		<div>
			<!-----********中中部图片展示*******----->
			<div>
			<form method="post">
				<ul id="middle_table">
					<c:forEach items="${list}" var="l">
						<li>
							<table>
								<tr>
									<td>
										<div class="middle_table_div">
											<a href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${l.id}">
												<img src="HRTWEB/images/23/${l.pic}" border="0" /></a><br />
											<p style="background: #000; width:226px; height:25px; line-height:25px; overflow:hidden; text-align: left; color: #FFF; margin-top: -10px;">${l.description}</p>
											<div>
												<a href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${l.id}">
													<img src="HRTWEB/images/23/20150120101252.png" border="0"
													style="float: right;" />
												</a>
												<p style="text-align: left;">
													<a
														href="<%=request.getContextPath()%>/HRTWEB/details/details.do?id=${l.id}">${l.giftName}</a>
												</p>
												<p>${l.discount}折起</p>
												<p style=" color: red; font-size: 16px; font-weight: bold;">￥${l.promotion}</p>
											</div>
										</div>
									</td>
								</tr>
							</table>
						</li>
					</c:forEach>
				</ul><br/> 
				</form>         
			</div>
			<br />
			<!----------------------********中中部图片展示结束********---------------------------->
			<!---********中中部竖面展示*******-------->
			<div class="middle_down_div">
				<div>
					<img src="<%=request.getContextPath()%>/HRTWEB/images/34/20140923115856298.png" border="0" />
				</div>
				<table>
					<tr align="left">
						<td><img src="<%=request.getContextPath()%>/HRTWEB/images/34/home_floor_title_1.png" /></td>
						<td align="center">团购展示</td>
					</tr>
					<tr>
						<td width="650px" align="left" height="180px"
							style="vertical-align: top">
							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015011614194117071.jpg"
									class="middle_down_div_t_img" /></a>
								<div class="middle_down_div_t_d">
									卓诺迪CERRUTI 1881男装专场<br /> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>

							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015011618400627381.jpg"
									class="middle_down_div_t_img" /></a>
								<div class="middle_down_div_t_d">
									珂莱蒂尔Koradior女装专场<br /> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>

							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015012009252075331.jpg"
									class="middle_down_div_t_img" /></a>
								<div class="middle_down_div_t_d">
									衣恋旗下Scofield经典英伦男女..<br /> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>

							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015011614194117071.jpg"
									class="middle_down_div_t_img" /></a>
								<div class="middle_down_div_t_d">
									卓诺迪CERRUTI 1881男装专场<br /> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>

							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015011618400627381.jpg"
									class="middle_down_div_t_img" /></a>
								<div class="middle_down_div_t_d">
									珂莱蒂尔Koradior女装专场<br /> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>

							<div class="middle_down_div_t">
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/34/2015012009252075331.jpg"
									class="middle_down_div_t_img"/></a>
								<div class="middle_down_div_t_d">
									衣恋旗下Scofield经典英伦男女..<br/> <span
										style="color: #963; font-size: 18px">1.5</span>折起<br />
									4天11时01分00秒
								</div>
							</div>
						</td>
						<td style="vertical-align: top; width: 400px; text-align: right;">
							<div>
								<a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/groupon/201412151026586935.jpg"
									class="middle_down_div_t_img" /></a> <a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/groupon/201501161909361231.jpg"
									class="middle_down_div_t_img" /></a> <a href="#"><img
									src="<%=request.getContextPath()%>/HRTWEB/images/groupon/201501191857283356.jpg"
									class="middle_down_div_t_img" /></a>
							</div>
						</td>
					</tr>
				</table>
			</div>
			<!----------------------********中中部竖面展示结束********---------------------------->
		</div>
	</div>
	<!----------------------********中部结束********---------------------------->
	<%@include file="./HRTWEB/foot.jsp"%>
	<!----------------------********尾部结束********---------------------------->
	<!-- 回顶部和建议代码开始 -->
	<%@include file="./HRTWEB/backTop.jsp"%>
	<!-- 回顶部和建议代码结束 -->
</body>
</html>